<template>
    <div class="header">
        <span class="left" @click="back" v-show="isBack"><</span>
        <span>{{title}}</span>
        <a href="javascript:;" class="right">...</a>
    </div>
</template>
<script>
export default {
    props:
        {
            isBack:{
                type:Boolean,
                default:true
            },
            title:{
                type:String
            }
        },
    methods:{
        back(){
            console.log("====")
            this.bus.$emit('closeDialog');
        }
    }
}
</script>
<style>
.header{
    width:100%;
    height:44px;
    text-align: center;
    line-height: 44px;
    position: relative;
    background: #eee;
}

.left{
    position: absolute;
    top:0;
    left:10px;
}

.right{
    position: absolute;
    top:0;
    right:10px;
}


</style>

